배경 (backGround)
브라우져의 배경을 지정하는 방법과 변경하는 방법, 테이블 안에만 배경그림을 지정하는 방법과 변경, 텍스트입력하는 부분에만 배경을 지정하거나 변경하는것들에 대한 관련 예제와 HTML 페이지상에서 동적으로 변경하는 부분에 대해 관련된 예제들을 모아 두었습니다.
[1] 테이블안에 그라디언트 배경 이용하기 [Preview]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>Untitled</title>
<style>
body, td {

font: normal 13px Verdana;
}

table.quote
{
vertical-align: top;
width: 73%;
padding: 0px;
height: 240px;

}
td.header
{
text-align: center;
background-color: white;
hei .....
[2] 테이블의 배경색 또는 배경 이미지를 바꾸는 방법 [Preview]
배경 이미지를 마우스오버시 롤오버의 형태로 바꾸는 예제소스입니다.
많이 응용하시기 바랍니다.
[3] 배경을 고정하는 간단한 방법 [Preview]
보통 배경을 페이지 안에 넣으면 페이지가 화면보다 큰경우 배경이 같이 올라가게 되죠,
어떤때는 배경이 제자리에 항상 고정되어 있으면 낳은 경우도 있습니다.

이때 사용하면 되는 방법입니다.

<BODY bgProperties=fixed bgColor=#ffffff leftMargin=0 background="http://javascriptblog.com/images/bg_BUTTERFLIES_01.gif" topMargin=0 marginwidth="0" marginheight="0">
[4] 배경이 위쪽에만 나오게 하는 또다른 방법 [Preview]
배경을 연속해서 x 축으로 한번만 넣게하는 방법입니다.

<body bgcolor="" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" background="http://happyscript.com/testimage/bg3.jpg" style="background-repeat:repeat-x" >

위쪽에만 반복적으로 나옵니다.
현재 해피에서 사용하는 하늘색의 배경도 이방법을 쓰고 있습니다.
[5] 텍스트박스 안에 배경 이미지 넣기 textarea [Preview]
스타일을 이용하면 텍스트박스(textarea) 안에만 배경 이미지를 넣을 수 있습니다.
이미지를 바꾸는건
소스중 이미지의 경로명을 원하는 이미지가 있는 경로로 바꾸어 주면 됩니다.
[6] 배경색과 글자색을 바꿔주는 소스 [Preview]
홈페이지 만들때 사용하면 좋을거 같은 소스입니다.

배경색과 글자색을 바꿀 수 있는 소스입니다.
[7] 우주에 있는 느낌이 나게 하는 소스 [Preview]
이미지 사용 없이 우주에 있는것처럼 느끼게 해주는 소스입니다.
[8] 배경이 일부분만 왼쪽이나 위쪽에 나타나게 하는 스타일 [Preview]
배경이 브라우저 왼쪽이나 위쪽에 일부분만
나타나게 하는 소스입니다.
[9] 움직이는 배경 그림 [Preview]
보통의 이미지에 배경그림이 움직입니다.

움직이는 GIF가 아닙니다.

이미지 크기가 커서 로딩시에 시간이 좀 걸립니다.
[10] 하루중 시간대에 따라 배경이 다른 자스 [Preview]
하루를 6시간으로 4개로 나누어 각각의 시간대에 따라

다른 배경이미지를 깔아주는 스크립트 입니다
[11] 이미지가 무작위로 올라가는 배경 만들기 [Preview]
별이 올라가는듯한 배경 화면을 만들어 줍니다.
[12] 배경화면이 움직이는 자스 [Preview]
배경화면이 움직이는 스크립트 입니다..잘 써야 겠네요..잘못쓰면 어지럽답니다
[13] 이름 물어보고 배경에 깔아주는 자스 [Preview]
로딩시 이름 물어보고 배경에 깔아주는 자스

<body onLoad="setValues()">

<script language="javascript">
<!--
/////////////////////////////////////////////
// :*: Happyscript :*: //
// 소스 : http://www.happyscript.net //
// 편집 and 소스 설명 : Magic //
// E-mail : flyingmagic@hanmail.net //
////////////////////////////////////// .....
[14] 뒷배경에서 통통 튀기는 이미지 [Preview]
배경으로 사용하면 재미있을거 같네요
[15] 페이지 들어갈때 배경색을 정하고 들어가는 소스 [Preview]
페이지에 들어갈때 배경색을 정하고 들어갑니다

원하는 색깔의 배경색으로 페이지를 볼 수 있습니다
[16] 색이 줄단위로 바뀌는 테이블 [Preview]
마우스 이벤트를 이용해서 배경색을 바꾸고 있습니다.

[17] 색상-테이블의 색이 차츰차츰 변하게하는 자스 예제 [Preview]
테이블내의 색이 점차적으로 변하는 자스 예제입니다.
응용하면 여러곳에 사용할 수 있겠네요.

[18] 스타일-브라우져 스크롤바의 색상을 바꾸어 주는 방법 [Preview]
스타일시트를 이용하면 브라우져에 나오는 스크롤바의 색상을 바꿀 수 있습니다.
아래 코드에서 원하시는 색상으로 바꾸어 주면됩니다.


[19] 3D입체 배경 [Preview]
이미지 파일 하나로 만든겁니다
이 예제는 이미지가 별로라서 효과가 적지만 잘만 활용하면 정말 멋잇겠네요 ^^

부득이한 사정으로 zip파일 형태로 압축했습니다
[20] 1분마다 배경색 바꾸어 주기 [Preview]
배경색을 1분 마다 바꾸어 주는 스크립트입니다

이 스크립트에는 접속한후부터 1분을 재어주는 시계와 현재시간을 나타내 주는 시계가 있습니다
    [1] [2]    
Javascript Source List :